<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <link href="config/css/bootstrap-3.3.7.min.css" rel="stylesheet" type="text/css"/>
    <link type="text/css" rel="stylesheet" href="index/css/reset.css">
    <link type="text/css" rel="stylesheet" href="index/css/page.css">

    <title>店员列表</title>
</head>
<body>
<section class="joberlist">
    <div class="indexlist">
        <div class="top">
            <div class="serch">
                <button><img src="index/image/serch.png"></button>
                <input type="text" placeholder="请输入关键字">
                <select>
                    <option>不限</option>
                    <option>久久久</option>
                    <option>快车道</option>
                    <option>洗游记</option>
                </select>
            </div>
        </div>
        <table class="table table-bordered">
            <thead>
            <tr>
                <th>#</th>
                <th>姓名</th>
                <th>状态</th>
                <th>店铺</th>
                <th>职位</th>
                <th>手机</th>
                <th>最后一次登录时间</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>123</td>
                <td>蒋志强</td>
                <td>已审核</td>
                <td>洗游记</td>
                <td>服务经理</td>
                <td>15070360503</td>
                <td>2016-12-21 19:05:32</td>
                <td><button>自我介绍</button></td>
            </tr>
            <tr>
                <td>123</td>
                <td>蒋志强</td>
                <td>已审核</td>
                <td>洗游记</td>
                <td>服务经理</td>
                <td>15070360503</td>
                <td>2016-12-21 19:05:32</td>
                <td><button>自我介绍</button></td>
            </tr>
            <tr>
                <td>123</td>
                <td>蒋志强</td>
                <td>已审核</td>
                <td>洗游记</td>
                <td>服务经理</td>
                <td>15070360503</td>
                <td>2016-12-21 19:05:32</td>
                <td><button>自我介绍</button></td>
            </tr>
            <tr>
                <td>123</td>
                <td>蒋志强</td>
                <td>已审核</td>
                <td>洗游记</td>
                <td>服务经理</td>
                <td>15070360503</td>
                <td>2016-12-21 19:05:32</td>
                <td><button>自我介绍</button></td>
            </tr>
            <tr>
                <td>123</td>
                <td>蒋志强</td>
                <td>已审核</td>
                <td>洗游记</td>
                <td>服务经理</td>
                <td>15070360503</td>
                <td>2016-12-21 19:05:32</td>
                <td><button>自我介绍</button></td>
            </tr>
            </tbody>
        </table>
        <div class="bottom">
            <ul class="pagination pagination-sm">
                <li><a>&laquo;</a></li>
                <li><a>1</a></li>
                <li><a>2</a></li>
                <li><a>3</a></li>
                <li><a>4</a></li>
                <li><a>5</a></li>
                <li><a>&raquo;</a></li>
            </ul>
        </div>
    </div>
    <div style="clear: both"></div>

</section>
<div class="myself" style="display: none">
    <div class="kuang">
        <h3>自我介绍</h3>
        <p>洗游记三墩店美容学徒 李佳豪</p>
        <button>确定</button>
    </div>
</div>
</body>
<script src="config/js/jquery-2.1.4.min.js"></script>
<script>
    $(function () {
        $(".new button").click(function () {
            $('.indexlist').hide();
            $('.newtankuang').show();
        })
        $("td button").click(function () {
            $('.myself').show();
        })
        $(".myself .kuang button").click(function () {
            $('.myself').hide();
        })
        $(".footer button").click(function () {
            $('.indexlist').show();
            $('.newtankuang').hide();
        })

    })
</script>
</html>